<template>
    <div class="appliContainer">
        <div>
            <homenav :flag="5"></homenav>
        </div>
        <div class="content">
            <div class="phone">
                <div id="forphone" class="qrcode"></div>
                <div style="margin-top:12px;">扫一扫访问手机端</div>
            </div>
            <div class="wx">
                <div id="forwx" class="qrcode"></div>
                <div style="margin-top:12px;">扫一扫访问小程序</div>
            </div>
        </div>
    </div>
</template>

<script>
import homenav from "../common/homenav.vue";

import QRCode from "qrcodejs2"; // 导入生成二维码插件
// import $ from "jquery";
export default {
    data() {
        return {};
    },
    methods: {},
    components: {
        homenav
    },
    mounted() {
        let qr = new QRCode("forphone", {
            text: "49.235.95.107/apptest",
            width: 250,
            height: 250
            //render: 'canvas', // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
            //background: '#f0f'
        });
        let qr2 = new QRCode("forwx", {
            text: "test for english -- 中文",
            width: 250,
            height: 250
            //render: 'canvas', // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
            //background: '#f0f'
        });

        this.$notify({
            title: "TIPS",
            message:
                "1.因为没有合法备案域名的原因，使用微信扫一扫访问移动端被拦截，请使用浏览器扫一扫；2.微信小程序也暂时无法发布.",
            offset: 100,
            duration: 0
        });
    }
};
</script>


<style lang="scss" scoped>
.appliContainer {
    padding-top: 85px;
    .content {
        width: 40%;
        margin: 85px auto;
        display: flex;
        padding: 30px;
        justify-content: space-around;
        text-align: center;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
        .phone {
            width: 250px;
            height: 250px;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            div {
                font-size: 13px;
                color: #aaa;
            }
        }
        .wx {
            width: 250px;
            height: 250px;
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            // border: 1px solid red;
            div {
                font-size: 13px;
                color: #aaa;
            }
        }
    }
}
</style>